body{
  background-color: #F99;/*Rouge*/
}
.conteneur-flex{
    display: flex;
    flex-flow : row wrap;
    justify-content: space-around;
    background-color: #99F; /*Bleu*/
}

.element-flex{
    flex: 0 1 20%;
    background-color: #FC8; /*Jaune*/
    height: 50px;
    margin: 10px;
}

/*Pour tous les appareils équipés d'écrans 
et dont la taille est inférieure à 780px*/
@media screen and (max-width: 780px){
    body{
        background-color: #848; /*Violet*/
  }
    .conteneur-flex{
        flex-flow: column wrap;
    }
}